﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="asknow.aspx.cs" Inherits="asknow" %>

<!doctype html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>

    <!-- viewport 控制手机全屏 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0"/>
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="description" id="description1" content="1">
    <meta name="renderer" content="webkit">
    <meta name="format-detection" content="telephone=no">
    <title>ask now</title>
    <link href="css/main.css?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>" rel="stylesheet" type="text/css" >
    
</head>
<body>

<div class="task-notice" style="display: none;">
  <div class="til"><span>Online Course Notice</span></div>
  <ul>
    <li class="line1">
      <div>
        <p class="font18">Set your payment method</p>
        <p>Link your card information (similar to Uber)</p>
        <p>Note: AskiNow will <span class="blue14">NOT charge</span> you any money at this stage.</p>
      </div>
    </li>
    <li class="line2">
      <div>
        <p class="font18">Pay as you go</p>
        <p>You can <span class="blue14">End the Class</span> anytime during the consultation and only pay according to how much time you used.</p>
      </div>
    </li>
    <li class="line3">
      <div>
        <p class="font18">Pay afterwards</p>
        <p><span class="blue14">Time X Rate = Cost</span></p>
        <p>The cost will be charged <span class="blue14">ONLY AFTER</span> the class. If you are not satisfied, you can
          make a complaint to our customer service.</p>
      </div>
    </li>
  </ul>
  <div class="continue" onclick="$('.task-notice').hide();$('.layers').show();">I see, continue</div>
</div>

<div class="layers" style="display: none;">
  <img src="/images/siginbj3.jpg" alt="" onclick="parent.layer.closeAll();"/>
   
	<div class="asknowbox">
    	<div class="asknowtil">
    <div class="person_image4">
      <div class="hexagon hexagon1">
        <div class="hexagon-in1">
          <div class="hexagon-in2" >
            <img src="<%=upic%>" alt=""  />
          </div>
        </div>
      </div>
    </div>
            <div class="asknowtext" >
            	<h2 ><%=realname%></h2>
                <p><%=descr%></p>
                <p><%=eduinfo%></p>
            </div><!---asknowtext--->
            <div class="asknowtilright">
                <%if (dtcom.Rows[0]["c"].ToString() != "0")
                  { %>
            	<div class="asknowtilrightimg">
                    <img src="images/asknow_stars<%=dtcom.Rows[0]["s"].ToString() %>.jpg" alt=""/>
                </div><!---asknowtilrightimg--->
                <p><%=dtcom.Rows[0]["c"].ToString()%></p>
                <%}else{ %>
                <p>No comments</p>
                <%} %>
            </div><!---asknowtilright--->
        </div><!---asknowtil--->

        <div class="asknowcont">
        	<div class="asknowtil2">
            	Online Course<input type="hidden" class="inpt" value="<%=userid %>" style="display:none;" id="teacherid" />
            </div><!---asknowtil2--->
            <div class="asknowcontbox">
            	<div class="asknowtil3">
                	Subject
                </div><!---asknowtil3--->
                <ul>
				<input type="text" style="display:none" id="asknowmark">
				<%if(dtsubject.Rows.Count>0){
				for(int i=0;i<dtsubject.Rows.Count;i++){%>
                	<li>
                    	<div class="asknowmark1" id=<%=dtsubject.Rows[i]["id"]%> name=<%=dtsubject.Rows[i]["nprice"] %>>
                        </div><!---asknowmark1--->
                        <div class="asknowtext2">
                        	<p><%=dtsubject.Rows[i]["name"]%></p>
                        </div><!---asknowtext2--->
                        <div class="asknowtext3">
                        	<p>&pound;<%=dtsubject.Rows[i]["nprice"]%><span>/hour</span></p>
                        </div><!---asknowtext3--->
                    </li>
					<%}}%>

                    <li style="height:28px;">
                    	<div class="asknowmark2">
                          <p>Set a customised corse here</p>
                        </div><!---asknowmark2--->
                        <div class="asknowtext2" id="asknowersig1" >
                        	<p>Other</p>
                            <input type="text" class="inpt" placeholder="Other" value="" style="display:none;" id=tempsubinfo />
                        </div><!---asknowtext2--->
                        <div class="asknowtext4">
                         <input type="text" class="inpt2" placeholder="Price/hour" value=""  id=tempprice />
                        </div><!---asknowtext3--->
                    </li>
                </ul>
            </div><!---asknowcontbox--->
        </div><!---asknowcont--->

    <div class="firstTask">
      <div class="onlineTaskFirst">Choose a subject offered by the tutor. <br>
        You will be charged <span> an hourly rate</span> depend on your time accrued. <br>
        You can also customise the subject and rate by choosing "<span>Others</span>".
      </div>
    </div>

        <input type="button" value="Confirm" onClick="confirm1()" class="asknowinput1" />
        <input type="button" value="Cancel" onClick="parent.closelayer();" class="asknowinput2" />
    </div><!---asknowbox--->

    <div class="paymentbox">
    	<div class="paymentcont">
        	<div class="paymenttil">
            <img src="images/paymentbj1.png" style="float:left; margin-right: 10px;"/>

              <p>Payment Information</p>
          </div>
          <p style="color: #333; margin-top: 10px;">AskiNow will collect your bank information at your first-time using.</p>
          <p>We use a third party service provider, <a href="https://stripe.com/" target="_blank" style="color:#00a6ce;">Stripe</a>, to ensure an efficient and safe transaction experience for you. </p>
          <!---paymenttil--->
            <form class="form-inline" action="" method="POST" id="payment-form">
            <!--<input type="text" value="" placeholder="Email" class="paymentinput1" id=email />-->
            <div class="paytil">
              <img src="images/payment01.png" alt="">Please enter your card number
            </div>
            <input type="text" value="" class="paymentinput paymentinput1"  placeholder="CardNo" id=cardno data-stripe="number"/>
            <div style="position: relative;">
              <div class="expiration-data">
                <div class="paytil">
                  <img src="images/payment02.png" alt="">Expiration Date
                </div>
                <div class="divselect" style="display: inline-block">
                  <input type="text" placeholder="MM" id="mm" data-stripe="exp-month" class="inputselect" onclick="downlist(this)" readonly style="width: 50px;"/> <br/>
                  <ul style="width:95px;" id="mmList">

                  </ul>
                </div>
                <div class="divselect" style="display: inline-block">
                  <input type="text" placeholder="YYYY" id="yyyy" data-stripe="exp-year" class="inputselect" onclick="downlist(this)" readonly style="width: 50px;"/> <br/>
                  <ul style="width:95px;" id="yyyyList">

                  </ul>
                </div>
              </div>
              <div class="card-verification">
                <div class="paytil">
                  <img src="images/payment03.png" alt="">Card Verification <img src="images/payment04.png" alt="" class="sampleInfo"> <br/>
                  <input type="text" value="" placeholder="CVC" class="paymentinput3" id="cvv" data-stripe="cvc">
                  <div class="sampleInfoDiv"><img src="/images/cardSimple.jpg" alt=""></div>
                </div>
              </div>
            </div>
            </form>

            <!--<input type="button" value="Back" onClick="backcon1()" class="asknowinput1" style="float: left;"/>-->
            <input type="button" value="Confirm" onClick="confirm2()" class="asknowinput1"  style="margin-right:0; color:#fff; border:0; background-color:#00a6ce;"/>

            <p style="padding-top: 20px;">AskiNow will not charge you anything before an Online lesson or Offline task takes place. Please do no hesitate to contact us at <a href="mailto:contact@askinow.com" style="color: #00a6ce;">contact@askinow.com</a> if there is any issue, we will resolve it for you within 3 working days.</p>
            <!---paymenttext--->
            <img src="/images/cards.png" alt="" class="cards">
            <a href="https://stripe.com/" target="_blank"><input type=image src=/images/stripe.png class="cashconfirm1" style="margin-top: 27px;"/></a>

            <!-- <input type="button" value="Cancel" onClick="parent.closelayer();" class="asknowinput2" />-->
            <img src="/images/payment05.png" alt="">

       <!-- <input type="button" value="Cancel" onClick="parent.closelayer();" class="asknowinput2" />-->
        </div><!---paymentcont--->
    </div><!---paymentbox--->

    <div class="asknowsubjectbox">


        <div class="asknowtil">
    <div class="person_image4">
      <div class="hexagon hexagon1">
        <div class="hexagon-in1">
          <div class="hexagon-in2" >
            <img src="<%=upic%>" alt="" />
          </div>
        </div>
      </div>
    </div>

            <div class="asknowtext">
            	<h2><%=realname%></h2>
                <p ><%=descr%></p>
                <!--<p><%=descr%></p>-->
            </div><!---asknowtext--->
            <div class="asknowtilright">
            	<%if (dtcom.Rows[0]["c"].ToString() != "0")
                  { %>
            	<div class="asknowtilrightimg">
                    <img src="images/asknow_stars<%=dtcom.Rows[0]["s"].ToString() %>.jpg" alt=""/>
                </div><!---asknowtilrightimg--->
                <p><%=dtcom.Rows[0]["c"].ToString()%></p>
                <%}else{ %>
                <p>No comments</p>
                <%} %>
            </div><!---asknowtilright--->
        </div><!---asknowtil--->

        <div class="asknowsubjectcont">
        	<div class="asknowtil2">
            	Online Course
            </div><!---asknowtil2--->

            <div class="asknowsubjecttext"  id="thirdcard">

            </div><!---asknowsubjecttext--->
        </div><!---asknowsubjectcont--->
        <input type="button" value="Confirm" onClick=" confirm3()" class="asknowinput1" />
        <input type="button" value="Back" onClick="backcon3();"  class="asknowinput2" />
        <div class="asknowsubjectprice">
        	<p id=npriceinfo><span>/h</span></p>
        </div><!---asknowsubjectprice--->
    </div><!---asknowsubjectbox--->



</div>
   <div class="waiting"></div>

</body>
 
<!--#include file="incfiles/globalJscript.aspx"-->   
<!--#include file="incfiles/SimpleJscript.aspx"-->   
<script type="text/javascript" src="/js/app/ordersmain.js?version=<%=ConfigurationManager.AppSettings["version"].ToString() %>"></script>
</html>
